<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>服务</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link href="css/servr.css" rel="stylesheet" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="css/footer.css" />
		<style type="text/css">
			a:hover{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="col-xs-3">
						<img src="img/地点.png" />
					</div>
			    	<div class="col-xs-6 three">
						<span >服务</span>
					</div>
					<div class="col-xs-1" style="margin-right: 15px;">
						<img src="img/签到.png" />
					</div>
					<div class="col-xs-1">
						<img src="img/消息.png" />
					</div>
				</div>
			</div>
		</div>
		
	<div id="myCarousel" class="carousel slide one">
	 	<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>   
		<div id="myCarousel" class="carousel slide">
   		 	<!-- 轮播（Carousel）指标 -->
   			 <ol class="carousel-indicators">
        		<li data-target="#myCarousel" data-slide-to="0" 
            		class="active"></li>
       		 	<li data-target="#myCarousel" data-slide-to="1"></li>
        		<li data-target="#myCarousel" data-slide-to="2"></li>
   		 	</ol>   
    	<!-- 轮播（Carousel）项目 -->
    	<div id="myCarousel" class="carousel slide">
			<!-- 轮播（Carousel）指标 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>   
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" style="width: 91%;height: 136px; margin-left: 18px;border-radius:5px;">
			<div class="item active">
				<img src="img/lt.jpg" alt="First slide">
			</div>
			<div class="item">
				<img src="img/ls.jpg" alt="Second slide">
			</div>
			<div class="item">
				<img src="img/lo.jpg" alt="Third slide">
			</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
	    	<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
	    	<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
	    	<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
	    	<span class="sr-only">Next</span>
		</a>
	</div> 
	</div>
	</div>
	</div>
	<!--
    	推荐
    -->
	<div class="recom">
		<div class="royal">
			<img src="img/皇冠.jpg" />
		</div>
		<span>为你推荐</span>
		<div class="recomm">
			<div class="royall">
				<ul style="list-style: none;">
					<li><a href="doperiphery"><p><img src="img/家.png"><p>周边商家</p></a></li>
					<li><a href="domobel?userId=${user.userId}"><P><img src="img/手机充值.png"></P><P>手机充值</P></a></li>
					<li><a href="dozufang"><P><img src="img/房屋租售.png"></P><p>租售</p></a></li>
			</div>
		</div>
	</div>
	<!-- 生活--->
	<div class="life">
		<div class="lifee">
			<img src="img/生.jpg" />
		</div>
		<span>生后服务</span>
		<div class="welfare">
			<div class="welfaree">
				<ul style="list-style: none;">
					<li><a href="#"><p><img src="img/福利.png"></p><p>预缴福利</p></a></li>
					<li><a href="#"><p><img src="img/邻里.png"></p><p>邻里星选</p></a></li>
					<li><a href="#"><p><img src="img/商城1.png"></p><p>帮豆商城</p></a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<!--物业 -->
	<div class="real">
		<div class="reall">
			<img src="img/物.jpg" />
		</div>
		<span>物业基础服务</span>
		<div class="mobile">
			<div class="mobilee">
				<ul style="list-style: none;">
					<li><a href="domobel?userId=${user.userId}"><p><img src="img/手机充值.png"></p><p>手机充值</p></a></li>
					<li><a href="dojiaofei?userId=${user.userId}"><p><img src="img/物业缴费.png"></p><p>物业缴费</p></a></li>
					<li><a href="#"><p><img src="img/预缴管理费.png"></p><p>预缴管理费</p></a></li>
					<li><a href="#"><p><img src="img/管家.png"></p><p>物业投诉</p></a></li>
					<li><a href="#"><p><img src="img/智能门禁.png"></p><p>智能门禁</p></a></li>
					<li><a href="#"><p><img src="img/社区公告.png"></p><p>社区公告</p></a></li>
					<li><a href="#"><p><img src="img/扫码.png"></p><p>码上扫</p></a></li>
					<li  style="margin-left: 27px;"><a href="doappeal"><p><img src="img/服务.png"></p><p>物业维修</p></a></li>
					<li style="margin-left: 10px;"><a href="#"><p><img src="img/新手指南.png"></p><p>新手指南</p></a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 底部-->
	<div class="foot">
		<div class="foott">
			<ul>
				<li>
					<a href="homepage"><p><img src="img/首页.png"></p><p>首页</p></a>
				</li>
				<li>
					<a href="#"><p><img src="img/服务图.png"></p><p>服务</p></a>
				</li>
				<li>
					<a href="dong"><p><img src="img/邻星图.png"></p><p>邻里社</p></a>
				</li>
				<li>
					<a href="myinfo"><p><img src="img/我.png"></p><p>我的</p></a>
				</li>
			</ul>
		</div>
	</div>
	</body>
	 
	 	
	 <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.min.js"></script>
</html>
